<template>
  <div class="body">
    <quill-editor ref="text" v-model="formData.articleBody" class="editor" :options="editorOption" />
  </div>
</template>

<script>

export default {
	name: 'RichText',
	props: {
		// eslint-disable-next-line vue/require-default-prop
		formData: {
			type: Object
		}
	},
  data() {
    return {
      editorOption: {}
    };
  }

};
</script>

<style lang="scss" scoped>
.body {
  height: 200px;
  .editor {
    height: 100px;
  }
}
::v-deep .ql-toolbar{
	padding: 0;
	height: 80px;
		button{
			margin-left: 3px;
			margin: 0;
			padding: 0;
			height: 15px;
			width: 18px;
		}
}
::v-deep .ql-picker-label{
	text-align: center;
	line-height: 20px;
	padding: 0;
}
::v-deep .ql-picker{
		line-height: 20px;
}

</style>